<body style="overflow:hidden" class="blab bgcolor_overal body_extra">
<link rel="stylesheet" type="text/css" href="static/jquery-ui/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="static/jquery.metro-ui-1.1.0/jq-metro.css"/>
<link rel="stylesheet" type="text/css" href="static/jquery.layout/layout-default-latest.css">

<script type="text/javascript" src="static/jquery.min.js"></script>
<script type="text/javascript" src="static/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" src="static/jquery.metro-ui-1.1.0/jquery.metro-btn.js" ></script>
<script type="text/javascript" src="static/jquery.layout/jquery.layout-latest.js"></script>

<style type="text/css">
body {background:#000;font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";font-size: 62.5%;}
body {margin:0px;font-family:Verdana, Tahoma;}
.clear { clear:both; }
.center { text-align:center;}
</style>

<div class="outer-center">

<div id="metrobuttons" class="metro-panel"></div>

</div>
<div class="ui-layout-north">
<div style="color:#f00;"><h1>&nbsp;&nbsp;欢迎回家！ <?php echo $user['name'];?> </h1></div>
<div class="hide"></div>
<input type="hidden" name="room_id" id="room_id" value="<?php echo intval($user['room_id']); ?>" />
</div> 
<div class="ui-layout-south"><?php echo site_foot_html(); ?></div>  


<script type="text/javascript">
var topLayout;

var	colorList = ['f4b300','78ba00','2673ec','ae113d','632f00','b01e00','4e0038','c1004f','7200ac','2d004e','006ac1','001e4e','008287','004d60','004a00','00c13f','15992a','ff981d','e56c19','b81b1b','ff1d77','b81b6c','aa40ff','691bb8','1faeff','1b58b8','56c5ff','569ce3','00d8cc','00aaaa','91d100','b81b6c','e1b700','d39d09','ff76bc','e064b7','00a4a4','ff7d23','4cafb5','044d91','832772','d15a44','de971b','017802','6e2ea0'],
	color = colorList[0];

function get_color(){
	color = colorList[(colorList.length * Math.random())>>0];
	return color;
}
		
function go(act_id){
	var newLoc='#';
	var tmp_id=+act_id;
	var room_id=$('#room_id').val();
	switch(tmp_id)
	{
	case 1:
	  newLoc="wrpg_room.php?room_id=" +room_id;
	  break;
	case 2:
	  newLoc="join_world.php";
	  break;
	case 3:
	  alert('not ready!');
	  break;
	// case 4:
	//   newLoc="api.php?a=init_room";
	//   break;
	default:
	  newLoc='#';
	}
	location.href=newLoc;
}

$(document).ready(function () {

	topLayout=$('body').layout({ 
			center__paneSelector:	".outer-center" 
		// ,	west__paneSelector:		".outer-west" 
		// ,	east__paneSelector:		".outer-east" 
		,	north__size:			64 
		,	south__size:			32
		,	spacing_open:			6 // ALL panes
		,	spacing_closed:			9 // ALL panes
		// ,	west__spacing_open:	0
		// ,	east__spacing_open:	0
		// ,	center__onresize:		"middleLayout.resizeAll" 
		}); 

$("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn1', 'f4b300', 'static/citylogo/abu.png', '继续（上次的）冒险/战役', 'go("1");');
$("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn2', '78ba00', 'static/citylogo/archer1.png', '加入新冒险/战役', 'go("2");');
$("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn3', '2673ec', 'static/citylogo/great5.png', '查看状态', 'go("3");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn4', 'ae113d', 'static/citylogo/tiger.png', '#4 Mirabar-米拉巴(城邦)', 'go("4");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn5', '632f00', 'static/citylogo/tower.png', '#5 Font Liast-赖斯特港(城邦)', 'go("5");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn6', 'b01e00', 'static/citylogo/tower.png', '#6 Luskan-路斯坎(城邦)', 'go("6");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn7', '4e0038', 'static/citylogo/abu.png', '#7 The Heart Land(The DaleLands)---哈特兰德(地区)', 'go("7");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn8', 'c1004f', 'static/citylogo/tower6.png', '#8 Cormyr---科米尔(国家)', 'go("8");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn9', '7200ac', 'static/citylogo/afrikaans.png', '#9 Sembia-山比亚(国家)', 'go("9");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn10', '2d004e', 'static/citylogo/monte1.png', '#10 Cormanthor--科曼索(国家)', 'go("10");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn11', '006ac1', 'static/citylogo/angkor1.png', '#11 THE GREAT DALE--谷地(地区)', 'go("11");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn12', '001e4e', 'static/citylogo/national.png', '#12 Baldlur&#39;s Gate-博得之门(城邦)', 'go("12");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn13', '008287', 'static/citylogo/sun33.png', '#13 Amn-安姆(国家)', 'go("13");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn14', '004d60', 'static/citylogo/quinta.png', '#14 Athkatla-阿斯卡特拉(城市)', 'go("14");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn15', '004a00', 'static/citylogo/cn2.png', '#15 Icewind Dale-冰风谷(地区)', 'go("15");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn16', '00c13f', 'static/citylogo/mosque3.png', '#16 The GreatClacier---大冰河(地区)', 'go("16");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn17', '15992a', 'static/citylogo/standing48.png', '#17 ANAUROCH---大沙漠(地区)', 'go("17");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn18', 'ff981d', 'static/citylogo/badshahi.png', '#18 the spine of the World---世界之脊(山脉)', 'go("18");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn19', 'e56c19', 'static/citylogo/millau1.png', '#19 Sea of Fallen Stars(The Inner Sea)-坠星海(地区)', 'go("19");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn20', 'b81b1b', 'static/citylogo/spring.png', '#20 Tethyr-泰瑟尔(国家)', 'go("20");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn21', 'ff1d77', 'static/citylogo/archer1.png', '#21 Sword Coast-剑湾(地区)', 'go("21");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn22', 'b81b6c', 'static/citylogo/monument1.png', '#22 Shining South---闪耀的南方', 'go("22");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn23', 'aa40ff', 'static/citylogo/machu.png', '#23 Eastern Fearun--东部费伦', 'go("23");');
// $("#metrobuttons").AddMetroSimpleBtnWithBGColor('mbtn24', '691bb8', 'static/citylogo/standing48.png', '#24 Northern Fearun--北部费伦', 'go("24");');


<?php 
	// require_once AROOT.'incl/rpg_infos.inc.php';
	// // $max=mt_rand(6,32);
	// $max=count($cityArr);
	// if($max>24) $max=24;
	// for ($i=0; $i < $max; $i++) { 
	// 	$id=$i+1;
	// 	// $rid=mt_rand(100,999);
	// 	// $titl='Room #'.$id.' '.$rid.' '.$cityArr[$i];
	// 	$titl='#'.$id.' '.$cityArr[$i];
	// 	$act='AddMetroSimpleBtnWithBGColor';
	// 	$pic=$logoArr[mt_rand(0,count($logoArr)-1)];


	// 	$tmpSrc = '$("#metrobuttons").'.$act."('mbtn".$id."', '".$colorArr[$i]."', 'static/citylogo/".$pic."', '".$titl."', '".'go("'.$id.'");'."');";
	// 	echo $tmpSrc.PHP_EOL;
	// }


?>

});

</script>

</body></html>